@media screen and (max-width: 1100px) and (min-width: 768px){
	.myheader .topheader .header_top_c,.header_bottom #mynav{
		width: 96%;
	}
}

@media screen and (max-width: 1100px) and (min-width: 960px){	
	.myfooter p{
		width: 60%;
		height: auto;
	}
}

@media screen and (max-width: 959px) and (min-width: 768px){
	.myheader .header_bottom #mynav .right li{
		width: 60px;
		margin: 0;
	}
	.myfooter p{
		width: 60%;
		margin: 30px auto 0;
		line-height: 20px;
	}
	.myfooter p:after{
		float: none;
		margin: 10px auto;
		display: block;
	}
}
@media screen and (max-width: 767px){
	.myheader .topheader{
		height: 60px;
		line-height: 60px;
		color: #fff;
		background: #424276;
	}
	.myheader .topheader h3{
		display: inline-block;
	}
	.myheader .topheader .header_top_c{
		width: 93%;
	}
	.myheader .topheader #mysearch input{
		width: 96%;
	}

	.myheader .topheader #mysearch .iconfont{
		width: 100px;
		top: 11px;
		height: 38px;
	}
	.myheader .topheader .header_top_c #mysearch{
		width: 100%;
	}
	.myheader .header_bottom{
		position: fixed;
		top: 0;
		left: -282px;
		width: 280px;
		height: 100%;
		z-index: 2001;
		background: #fff;
		box-shadow: 0 3px 4px #333;
	}
	.myheader .header_bottom:before{
		content: '';
		display: block;
		width: 100%;
		height: 230px;
		border-bottom: 1px solid #eee;
		background-image: url(../image/ad01.jpg);
	}
	.myheader .header_bottom #mynav{
		width: 100%;
		margin: 20px 0;
	}
	.myheader .header_bottom #mynav ul li,.myheader .header_bottom #mynav .right li{
		width: 100%;
		line-height: 50px;
		height: 50px;
		float: none;
		text-align: left;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.myheader .header_bottom #mynav ul li a{
		display: block;
		width: 100%;
		color: #333;
	}
	.myheader .header_bottom #mynav ul li:hover{
		background: #eee;
	}
	.myheader .header_bottom #mynav .right{
		margin: 0;
		float: none;
	}
	.myheader .header_bottom #mynav .right li a{
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin: 0;
	}
	.myheader .header_bottom #mynav .right li:nth-child(3),.myheader .header_bottom #mynav .right li:nth-child(4){
		display: block;
	}
	.myheader .header_bottom #mynav .right li:nth-child(1),.myheader .header_bottom #mynav .right li:nth-child(2){
		display: none;
	}
	.myfooter p{
		width: 60%;
		height: 60px;
		font-size: 13px;
		line-height: 20px;
	}
	.myfooter p:after{
		float: none;
		margin: 10px auto;
		display: block;
	}
}
@media screen and (max-width: 479px){
	.myheader .header_bottom #mynav .right li:hover{
		background: #eee;
	}
	.myheader .topheader #mysearch .iconfont{
		width: 70px;
	}
	.myfooter p{
		line-height: 20px;	
	}
	.myfooter p:after{
		float: none;
		margin: 10px auto;
		display: block;
	}
}